<!--<template>-->
<!--  <section>-->
<!--    &lt;!&ndash;工具条&ndash;&gt;-->
<!--    <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">-->
<!--      <el-form :inline="true" class="demo-form-inline">-->
<!--        <el-form-item>-->
<!--          <el-button type="primary" @click="show(0)">新增分类信息</el-button>-->
<!--        </el-form-item>-->
<!--      </el-form>-->
<!--    </el-col>-->

<!--    &lt;!&ndash;列表&ndash;&gt;-->
<!--    <el-table :data="itemcat" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">-->
<!--      <el-table-column type="selection" width="55">-->
<!--      </el-table-column>-->
<!--&lt;!&ndash;      <el-table-column type="index" width="60">&ndash;&gt;-->
<!--&lt;!&ndash;      </el-table-column>&ndash;&gt;-->
<!--      <el-table-column prop="id" label="分类ID" width="100" sortable>-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="name" label="分类名称" width="560" sortable>-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="typeId" label="类型模板ID" width="160" sortable>-->
<!--      </el-table-column>-->
<!--      <el-table-column label="操作">-->
<!--        <template scope="scope">-->
<!--          <el-button size="small" type="primary" @click="show(scope.row)">编辑</el-button>-->
<!--          <el-button size="small" type="success" @click="showTree(scope.row)">查询下级</el-button>-->
<!--          <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->

<!--    &lt;!&ndash;工具条&ndash;&gt;-->
<!--    <el-col :span="24" class="toolbar">-->
<!--      <el-button type="danger" :disabled="this.sels.length===0" @click="batchRemove">批量删除</el-button>-->
<!--      <el-pagination layout="prev, pager, next" :current-page="pageNum" @current-change="handleCurrentChange" :page-size="pageSize" :total="total" style="float:right;">-->
<!--      </el-pagination>-->
<!--    </el-col>-->

<!--    &lt;!&ndash;编辑界面&ndash;&gt;-->
<!--    <el-dialog :title="title" width="600px" :visible.sync="editFormVisible" :close-on-click-modal="false">-->

<!--      <el-form :model="showItemCat" label-width="120px" :rules="editFormRules" ref="editForm">-->
<!--&lt;!&ndash;        <template scope="scope">&ndash;&gt;-->
<!--        <el-form-item label="上级商品分类">-->

<!--            <el-cascader :props="{ checkStrictly: true }" v-model="showItemCat.id" :options="tree" clearable></el-cascader>-->

<!--        </el-form-item>-->
<!--&lt;!&ndash;        </template>&ndash;&gt;-->
<!--      </el-form>-->

<!--      <el-form :model="showItemCat" label-width="120px" :rules="editFormRules" ref="editForm">-->
<!--        <el-form-item label="商品分类名称" prop="name">-->
<!--          <el-input v-model="showItemCat.name" auto-complete="off"></el-input>-->
<!--        </el-form-item>-->
<!--      </el-form>-->

<!--      <el-form :model="itemcat" label-width="120px" :rules="editFormRules" ref="editForm">-->
<!--        <el-form-item label="类型模板" prop="typeId">-->
<!--          <el-select v-model="showItemCat.typeId" clearable placeholder="请选择">-->
<!--            <el-option-->
<!--                v-for="item in templateList"-->
<!--                :key="item.id"-->
<!--                :label="item.name"-->
<!--                :value="item.id">-->
<!--            </el-option>-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--      </el-form>-->

<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button @click.native="editFormVisible = false">取消</el-button>-->
<!--        <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->
<!--&lt;!&ndash;  树形控件 &ndash;&gt;-->
<!--    <el-dialog-->
<!--        title="提示"-->
<!--        :visible.sync="editFormVisible2"-->
<!--        width="30%"-->
<!--        :before-close="handleClose">-->
<!--      <el-tree :data="treeById" :props="defaultProps" @node-click="handleNodeClick"></el-tree>-->
<!--      <span slot="footer" class="dialog-footer">-->
<!--    <el-button @click="dialogVisible = false">取 消</el-button>-->
<!--    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>-->
<!--  </span>-->
<!--    </el-dialog>-->
<!--  </section>-->
<!--</template>-->

<!--<script>-->
<!--import axios from "axios";-->

<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      showItemCat: [{-->
<!--        id:null,-->
<!--        name: '',-->
<!--        typeId: null-->
<!--      }],-->
<!--      tree: [],-->
<!--      treeById: [],-->
<!--      ids: [],-->
<!--      title: '',-->
<!--      filters: {-->
<!--        keyword: ''-->
<!--      },-->
<!--      templateList: [],-->
<!--      itemcat:[{-->
<!--        id:null,-->
<!--        parentId:null,-->
<!--        name: "",-->
<!--        typeId:null-->
<!--      }],-->
<!--      total: 0,-->
<!--      pageNum: 1,-->
<!--      pageSize:10,-->
<!--      listLoading: false,-->
<!--      sels: [],//列表选中列-->
<!--      editFormVisible: false,//编辑界面是否显示-->
<!--      editFormVisible2: false,//编辑界面是否显示-->
<!--      editLoading: false,-->
<!--      editFormRules: {-->
<!--        name: [-->
<!--          { required: true, message: '请输入姓名', trigger: 'blur' }-->
<!--        ]-->
<!--      },-->

<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    showTree(row) {-->
<!--      this.editFormVisible2 = true;-->
<!--      axios.get("/itemcat/queryTreeById/"+row.id).then(resp=>{-->
<!--        console.log(resp);-->
<!--        this.treeById = resp.data.data;-->
<!--      }).catch(resp=>{-->

<!--      })-->
<!--    },-->
<!--    //删除表单-->
<!--    deleteRow(index) {-->
<!--      this.showitemcat.customAttributeItems.splice(index);-->
<!--    },-->
<!--    //增加表单-->
<!--    addForm() {-->
<!--      var o = {};-->
<!--      this.showitemcat.customAttributeItems.push(o);-->
<!--    },-->
<!--    //获取模版列表-->
<!--    queryAllTemplate() {-->
<!--      axios.get("/template/queryAll").then(resp=>{-->
<!--        // console.log(resp.data.data);-->
<!--        this.templateList = resp.data.data;-->
<!--      }).catch(resp=>{-->

<!--      })-->
<!--    },-->
<!--    //获取分类列表-->
<!--    queryBaran(){-->
<!--      // 准备参数-->
<!--      let params = {-->
<!--        pageSize: this.pageSize, //页面大小-->
<!--        pageNum: this.pageNum-->
<!--      }-->
<!--      //页面展示-->
<!--      this.$http.post("/itemcat/queryPage",params)-->
<!--          .then(resp=>{-->
<!--            console.log(resp.data.data.list);-->
<!--            this.itemcat = resp.data.data.list;-->
<!--            this.total = resp.data.data.total;-->
<!--          }).catch(resp=>{-->
<!--        alert("网络异常，稍后重试");-->
<!--      })-->
<!--      //查询树结构-->
<!--      axios.get("/itemcat/queryTree").then(resp => {-->
<!--        console.log(resp);-->
<!--        this.tree = resp.data.data;-->
<!--      }).catch(resp => {-->

<!--      });-->
<!--    },-->
<!--    //删除-->
<!--    handleDel: function (index, row) {-->
<!--      // console.log(row);-->
<!--      this.$confirm('确认删除该记录吗?', '温馨提示', {-->
<!--        type: 'warning'-->
<!--      }).then(() => {-->
<!--        this.listLoading = true;-->
<!--        this.$http.delete("/itemcat/deleteInfo/"+row.id)-->
<!--            .then(resp=>{-->
<!--                  //去除忙等框-->
<!--                  if (resp.data.code==="1") {-->
<!--                    this.editFormVisible = false;-->
<!--                    this.$message({-->
<!--                      message: '删除成功',-->
<!--                      type: 'success'-->
<!--                    });-->
<!--                    this.listLoading = false;-->
<!--                    this.queryBaran();-->
<!--                  }-->
<!--                }-->

<!--            )-->
<!--            .catch(result=>{-->
<!--              //去除忙等框-->
<!--              this.listLoading = false;-->
<!--              //提示-->
<!--              this.$message({-->
<!--                message: '系统错误！',-->
<!--                type: 'error'-->
<!--              });-->
<!--            })-->

<!--      }).catch(() => {-->

<!--      });-->
<!--    },-->
<!--    //显示编辑界面-->
<!--    show (row) {-->
<!--      console.log(row);-->
<!--      this.editFormVisible = true;-->
<!--      if (row === 0) {-->
<!--        this.showItemCat = [{-->
<!--          id: null,-->
<!--          name: '',-->
<!--          typeId: null-->
<!--        }];-->
<!--        this.title = "新增";-->
<!--      } else {-->
<!--        this.title = "编辑";-->
<!--      }-->
<!--      if (row !== 0) {-->
<!--        axios.get("/itemcat/queryById/"+row.id).then(resp=>{-->
<!--          console.log(resp);-->
<!--          this.showItemCat = resp.data.data;-->
<!--          // this.showItemCat.-->
<!--        }).catch(resp=>{-->
<!--        });-->
<!--      }-->
<!--    },-->
<!--    //提交表单-->
<!--    editSubmit: function () {-->
<!--      console.log(this.showItemCat);-->
<!--      this.$confirm('确认提交吗？', '提示', {}).then(() => {-->
<!--        this.editLoading = true;-->
<!--        // NProgress.start();-->
<!--        var id = this.showItemCat.id[this.showItemCat.id.length - 2];-->
<!--        var vo = {};-->
<!--        vo.parentId = id;-->
<!--        vo.name = this.showItemCat.name;-->
<!--        vo.typeId = this.showItemCat.typeId;-->
<!--        axios.post("/itemcat/save", vo).then(resp => {-->
<!--          console.log(resp);-->
<!--          if (resp.data.code === "1") {-->
<!--            this.editFormVisible = false;-->
<!--            this.$message({-->
<!--              message: '保存成功',-->
<!--              type: 'success'-->
<!--            });-->
<!--            this.editLoading = false;-->
<!--            this.queryBaran();-->
<!--          }-->
<!--        }).catch(resp => {-->

<!--        })-->
<!--      });-->
<!--    },-->
<!--    handleCurrentChange(val) {-->
<!--      this.pageNum = val;-->
<!--      this.queryBaran();-->
<!--    },-->

<!--    selsChange: function (sels) {-->
<!--      // console.log(sels);-->
<!--      this.sels = sels;-->
<!--    },-->
<!--    //批量删除-->
<!--    batchRemove: function () {-->
<!--      // var ids = this.sels.map(item => item.id).toString();-->
<!--      this.sels.forEach(item => this.ids.push(item.id));-->
<!--      console.log(this.ids);-->
<!--      this.$confirm('确认删除选中记录吗？', '提示', {-->
<!--        type: 'warning'-->
<!--      }).then(() => {-->
<!--        this.listLoading = true;-->
<!--        //NProgress.start();-->
<!--        // let para = { ids: ids };-->
<!--        this.$http.patch("/itemcat/deleteBatch",this.ids).then((resp) => {-->
<!--          if (resp.data.code==="1") {-->
<!--            this.$message({-->
<!--              message: '批量删除成功',-->
<!--              type: 'success'-->
<!--            });-->
<!--            this.listLoading = false;-->
<!--            this.queryBaran();-->
<!--          }-->
<!--        });-->
<!--      }).catch(() => {-->

<!--      });-->
<!--    }-->
<!--  },-->
<!--  mounted() {-->
<!--    this.queryBaran();-->
<!--    this.queryAllTemplate();-->
<!--  }-->
<!--}-->

<!--</script>-->

<!--<style scoped>-->

<!--</style>-->